<?php

use peng\helpers\Html;
?>
<div class="nav_container">
    <ul class="nav">
        <div class="menu"><?php echo Html::a('快速配货', '/site/sendcar',array('class'=>'txt')); ?>
            <div class="child_menu">
                <div class="c_column">
                    <h4><img src="<?php echo $this->imagePath; ?>web/images/cssimg/img01.png">货物种类</h4>
                    <p>
                        <?php echo Html::a('普通货物', '/site/listcars'); ?>
                        <?php echo Html::a('鲜活易腐', '/site/listcars'); ?>
                        <?php echo Html::a('危险货物', '/site/listcars'); ?>
                        <?php echo Html::a('贵重货物', '/site/listcars'); ?>
                        <?php echo Html::a('保湿冷藏', '/site/listcars'); ?>
                        <?php echo Html::a('搬家货物', '/site/listcars'); ?>
                    </p>
                </div>
                <div class="c_column">
                    <h4><img src="<?php echo $this->imagePath; ?>web/images/cssimg/img02.png">运输类别</h4>
                    <p>
                        <?php echo Html::a('仓储', '/site/listcars'); ?>
                        <?php echo Html::a('托运', '/site/listcars'); ?>
                        <?php echo Html::a('空车配货', '/site/listcars'); ?>
                        <?php echo Html::a('航空运输', '/site/listcars'); ?>
                        <?php echo Html::a('全国零担', '/site/listcars'); ?>
                        <?php echo Html::a('进出口报关', '/site/listcars'); ?>
                        <?php echo Html::a('货运代理', '/site/listcars'); ?>
                        <?php echo Html::a('整车', '/site/listcars'); ?>
                        <?php echo Html::a('拼货', '/site/listcars'); ?>
                        <?php echo Html::a('零担', '/site/listcars'); ?>
                    </p>
                </div>
                <div class="c_column">
                    <h4><img src="<?php echo $this->imagePath; ?>web/images/cssimg/img03.png">价格</h4>
                    <p>
                        <?php echo Html::a('1-2万', '/site/listcars'); ?>
                        <?php echo Html::a('2-3万', '/site/listcars'); ?>
                        <?php echo Html::a('3-4万', '/site/listcars'); ?>
                        <?php echo Html::a('4-6万', '/site/listcars'); ?>
                        <?php echo Html::a('6-8万', '/site/listcars'); ?>
                        <?php echo Html::a('8-10万', '/site/listcars'); ?>
                        <?php echo Html::a('10-20万', '/site/listcars'); ?>
                        <?php echo Html::a('20-30万', '/site/listcars'); ?>
                        <?php echo Html::a('30万以上', '/site/listcars'); ?>
                    </p>
                </div>
                <div class="c_column">
                    <h4><img src="<?php echo $this->imagePath; ?>web/images/cssimg/img03.png">价格</h4>
                    <p>
                        <?php echo Html::a('1-2万', '/site/listcars'); ?>
                        <?php echo Html::a('2-3万', '/site/listcars'); ?>
                        <?php echo Html::a('3-4万', '/site/listcars'); ?>
                        <?php echo Html::a('4-6万', '/site/listcars'); ?>
                        <?php echo Html::a('6-8万', '/site/listcars'); ?>
                    </p>
                </div>
            </div>
        </div>
        <li><?php echo Html::a('首页', '/site'); ?></li>
        <li><?php echo Html::a('找车', '/site/listcars'); ?></li>
        <li><?php echo Html::a('配货', '/site/list'); ?></li>
        <li><?php echo Html::a('优质货源', '/site/goodlist'); ?></li>
        <li><?php echo Html::a('特惠车主', '/site/goodcarlist'); ?></li>
        <li><?php echo Html::a('货主入驻', '/site/join'); ?></li>
        <li><?php echo Html::a('车主加盟', '/site/joincar'); ?></li> 
        <li class="send1"> <?php echo Html::a('空车发布', '/site/kongche'); ?></li>
        <li class="send1"> <?php echo Html::a('快速发货', '/site/sendgoods'); ?></li>
        <li class="send1"> <?php echo Html::a('推荐货主', '/site/tuijian'); ?></li>
        <li class="send1"> <?php echo Html::a('推荐司机', '/site/tuijian'); ?></li>
    </ul>
</div>
<script>
    $(".nav li a").click(function() {
        $(".nav li a").removeClass("current_a");
        $(this).addClass("current_a");
    })
</script>	
<script>
    $(".nav li a").click(function() {
        $(".nav li a").removeClass("current_a");
        $(this).addClass("current_a");
    })
</script>		

<div class="banner_box">
    <div class="banner">
        <img src="<?php echo $this->imagePath; ?>web/images/w33.png">
        <?php echo Html::a('<img src="'.$this->imagePath.'web/images/w01.png">', '/site/listcars',array('target'=>'_blank')); ?>
        <?php echo Html::a('<img src="'.$this->imagePath.'web/images/w0.png">', '/site/listcars',array('target'=>'_blank')); ?>
        <?php echo Html::a('<img src="'.$this->imagePath.'web/images/w4.png">', '/site/listcars',array('target'=>'_blank')); ?>
    </div>
    <div class="fuwu">
        <div class="title">服务</div>
        <div class="column">
            <p><?php echo Html::a('认证', '/site/listcars',array('target'=>'_blank')); ?></p>
            <ul>
                <li>身份认证</li>
                <li>营业认证</li>
            </ul>       
        </div>
        <div class="column">
            <p><?php echo Html::a('保险', '/site/listcars',array('target'=>'_blank')); ?></p>
            <ul>
                <li>直接投保</li>
                <li>加盟投保</li>
            </ul>
        </div>
        <div class="column">
            <p><?php echo Html::a('专业', '/site/listcars',array('target'=>'_blank')); ?></p>
            <ul>
                <li>一站式专业服务</li>
                <li>跟踪定位</li>
                <li>100%安心交易</li>
            </ul>
        </div>
    </div>
</div>
</div>

<div class="main">
    <div class="main_content" style="border-right:0;">
        <p class="p1">战略合作  品质保障</p>
        <p class="p2">
            <img src="<?php echo $this->imagePath; ?>web/images/cssimg/button01.png">
            <a>认证享1年/2万公里全国联保<br>1.6亿赔付基金池，双重保障</a>
        </p>
        <span style="display:none;"></span>
    </div>
    <div class="main_content current" style="border-right:0;">
        <p class="p1">0元预订  尊贵服务</p>
        <p class="p2">
            <img src="<?php echo $this->imagePath; ?>web/images/cssimg/button02.png">
            <a>线上预订，线下锁定车源<br>参与活动享优惠</a>
        </p>
        <span></span>
    </div>
    <div class="main_content">
        <p class="p1">众志成诚  新享优惠</p>
        <p class="p2">
            <img src="<?php echo $this->imagePath; ?>web/images/cssimg/button03.png">
            <a>千人众筹，抢千元礼金<br>价值万元加油卡等你来抢</a>
        </p>
        <span style="display:none;"></span>
    </div>
    <div class="main_content" style="display:none;">
        <p class="p1">众志成诚  新享优惠</p>
        <p class="p2">
            <img src="<?php echo $this->imagePath; ?>web/images/cssimg/button03.png">
            <a>千人众筹，抢千元礼金<br>价值万元加油卡等你来抢</a>
        </p>
        <span style="display:none;"></span>
    </div>
</div>
<script>
    $(".banner img").hide();
    $(".banner img").eq(1).show();
    $(".main_content").click(function() {
        var n = $(this).index();
        $(this).addClass("current").siblings().removeClass("current");
        $(".main_content").children("span").hide();
        $(".main_content").eq(n).children("span").show();
        $(".banner img").hide();
        $(".banner img").eq(n).show();
    })
</script>
<div class="clr"></div>
<div class="section">
    <div class="left_content">
        <div>
            <div class="up">
                <h4>车源区</h4>
                <h5>目前共有 <span class="red">40</span> 辆认证车</h5>
                <a href="/site/listcars" target="_black"><span class="red" style="margin-right:5px;">+</span>查看全部</a>
            </div>
            <div class="down">
                <table cellpadding="0" cellspacing="0" border="0" class="tablist">
                    <tr>
                        <th>&nbsp;</th>
                        <th>车辆类型</th>
                        <th>运输线路</th>
                        <th>成交情况</th>
                        <th>操作</th>
                    </tr>
                    <tr>
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r12.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r11.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r12.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r11.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r12.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r11.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                    <tr class="doubleline">
                        <td class="img">
                            <img src="<?php echo $this->imagePath; ?>web/images/r12.jpg" lazy_src="<?php echo $this->imagePath; ?>web/images/r11.jpg" width="50"/>
                        </td>
                        <td>
                            <span title="驾驶执照已认证"><img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle"/></span><b>平板车</b>
                            <p>长宽高: 2.0*1.6*1.5m</p>
                            <p>载重: 1.5吨</p>
                        </td>
                        <td>
                            <span>从：<b>上海</b><br/>到：<b>陕西-西安市</b></span>
                            <p>上海专业出租租赁车型</p>
                            <p>
                                <img src="<?php echo $this->imagePath; ?>web/images/rz1.jpg" height="25" align="absmiddle" title="企业营业执照已认证"/>信用度:***							
                                <span> [运单数:895]</span>
                            </p>
                        </td>
                        <td>
                            <p>预约<i>2</i>次</p>
                            <p>评价<i>1</i>次</p>
                            <p>运单数:<i>1</i></p>
                        </td> 
                        <td>预约 下单</td>	
                    </tr>
                </table>	
            </div>
        </div>
    </div>
    <div class="left_content_m">&nbsp;</div>
    <div class="left_content">
        <div>
            <div class="up">
                <h4>货源区</h4>
                <h5>目前共有 <span class="red">40</span> 家认证企业</h5>
                <a href="/site/listcars" target="_black"><span class="red" style="margin-right:5px;">+</span>查看全部</a>
            </div>
            <div class="down">	
                <table cellpadding="0" cellspacing="0" border="0" class="tablist1">
                    <tr>
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                    </tr>
                    <tr class="doubleline">
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                        <td>
                            <img title="ttttt" src="<?php echo $this->imagePath; ?>web/images/q12.jpg" alt="" height="150" width="150" title="认证商家">
                            <p>北京雪佛兰科鲁兹</p>
                            <p>线路:上海->陕西-西安市</p>
                            <p>车型:大货车</p>
                            <p>货物类型:钢材</p>
                            <p>货物重量:10吨</p>
                            <p>报价:1000/吨</p>
                            <span class="buy"><a href="shangjia.html?id=1" target="_blank">详情</a></span> 
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">下单</a></span>
                            <span class="buy"><a href="shangjia.html?id=1" class="buy" target="_blank">关注</a></span>
                        </td>
                    </tr>
                </table>													       					       		
            </div>
        </div>
    </div>			
    <div class="right_content">
        <div class="shang">
            <p class="tit">常跑线路搜索</p>
            <div class="area">
                <span class="sf">起始地：</span>
                <div class="wrapper">
                    <div id="dealer-province" class="obj-cate-div">
                        <span id="curr-province">选择省份</span>   
                    </div>
                </div>
            </div>
            <div class="area">
                <span class="sf">目的地：</span>
                <div class="wrapper">
                    <div id="dealer-city" class="obj-cate-div">
                        <span id="curr-city">选择城市</span>   
                    </div>
                </div>
            </div>
            <input id="brandZoneIndex" type="hidden" />
            <div id="dealer-search" class="searchbtn" >
                <a href="#" class="button">搜索</a>
            </div>
        </div>
        <div class="xia">
            <p class="tit" style="margin-bottom:0;">推荐货主</p>
            <ul class="ul1">							
                <a href="http://shop.58.com/18877486489601/" target="_blank"><li class="li1">南京xixi哈哈喔</li></a>
                <li><span>线路:上海->陕西-西安市</span><a>运单数</a></li>
                <li><span>货物类型:钢材</span><a class="red">31</a></li>
                <li><span>报价:1000/吨</span></li>							
            </ul>
            <ul class="ul1">
                <a href="http://shop.58.com/18877627165185/" target="_blank"><li class="li1">青岛xixi哈哈喔</li></a>
                <li><span>线路:上海->陕西-西安市</span><a>运单数</a></li>
                <li><span>货物类型:钢材</span><a class="red">240</a></li>
                <li><span>报价:1000/吨</span></li>	
            </ul>
            <ul class="ul1">
                <a href="http://shop.58.com/18877627165185/" target="_blank"><li class="li1">大连xixi哈哈喔</li></a>
                <li><span>线路:上海->陕西-西安市</span><a>运单数</a></li>
                <li><span>货物类型:钢材</span><a class="red">240</a></li>
                <li><span>报价:1000/吨</span></li>									
            </ul>
            <ul>
                <a href="http://shop.58.com/18882699829761/" target="_blank"><li class="li1">上海xixi哈哈喔</li></a>
                <li><span>线路:上海->陕西-西安市</span><a>运单数</a></li>
                <li><span>货物类型:钢材</span><a class="red">31</a></li>
                <li><span>报价:1000/吨</span></li>								
            </ul>
            </p>
        </div>
    </div>
</div>
</div>
<div id="mainbody" class="CWL CWR">		
    <div id="searchinfo">
        <div id="info">
            <div class="infol">
                <div id="goodsDiv">
                    <div class="info ad1">招募广告区</div>
                </div>
            </div>
            <div class="infor">
                <div id="carDiv">
                    <div class="info ad2">招募广告区</div>
                </div>
            </div>
        </div>
        <span class="clr"></span>
    </div>

    <div>
        <div class="info2 ad3">招募广告区</div>
    </div>
    <div>
        <div class="info">App产品广告区</div>
    </div>
    <div>
        <div class="info">合作伙伴</div>
    </div>
</div>